

<template>
    <div class="intellect home-item">
        <Divloading v-if="!initStatus"></Divloading>
        <div class="intellect-main">
            <div class="intellect-baner">
                <img class="full" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37bd342303515c7a1a54681599e319a1.jpg?thumb=1&w=720&h=360">
            </div>
        </div>
    </div>
</template>

<script>


import {mapState} from 'vuex';

import Divloading from '@/components/Divloading'


export default {
    name: 'Intellect',
    components:{
        Divloading
    },
    data() {
        return {
            show:0,
            initStatus:0,
        }
    },
    mounted() {
    }, 
    computed: {
        ...mapState(['navIndex'])
    },
    methods:{
        init() {
            setTimeout(() => {
                this.initStatus = 1;
                this.show = 1;
                /*
                this.$nextTick(() => {
                    new InfiniteScroll({
                        el:'.intellect-footer',
                    },this.infiniteLoader);
                })
                */
            },1000)
        },
        infiniteLoader() {
            
        }
    },
    watch: {
        navIndex() {
            if(this.navIndex === 2) {
                if(!this.initStatus) {
                    this.init();
                }
            }
        }
    }
}
</script>

<style lang="stylus">
.intellect-baner
    width:100%;
    height:207px;
    background #f1f1f1;
</style>